@media screen and (max-width: 1200px) {
    .crumb_con {
        width: 98%;
    }
    .product {
        width: 98%;
    }
    .product_con_r_con ul li {
        width: 24%;
        min-height: 210px;
        margin-right: 9px;
    }
    .product_con_r_con ul li a img {
        width: 92%;
        height: auto;
        padding: 5px;
    }
    .service ul li {
        width: 16%;
        height: 170px;
    }
    .service ul {
        margin: 40px auto 10px;
    }
    .service_two ul li {
        width: 23.93%;
        margin-right: 10px;
    }
    .service_two_t {
        min-height: 220px;
    }
    .service_two_t img {
        height: 100%;
    }
    .service_two ul li a h1 {
        font-size: 17px;
        padding: 12px 8px 5px;
    }
    .service_two ul li a p {
        font-size: 13px;
        padding: 0 8px;
    }
    .service_two ul {
        margin-bottom: 50px;
    }
    .ind_first {
        width: 97%;
    }
    .ind_first_above ul li {
        width: 19.86%;
    }
    .ind_first_above ul li a img {
        width: 100%;
        height: auto;
    }
    .ind_first_above ul li a h3 {
        margin: 20px auto;
    }
    .ind_first_above ul {
        margin-bottom: 50px;
    }
    .ind_two_con {
        width: 96%;
    }
    .ind_two_title h1 {
        margin-left: 20px;
    }
    .ind_two_l_con {
        width: 90%;
        margin-left: 20px;
    }
    .about_more {
        margin: 20px;
    }
    .ind_three {
        width: 97%;
    }
    .ind_three_con ul li:nth-child(1) {
        width: 50%;
        height: 300px;
    }
    .ind_three_con ul li {
        width: 23.9%;
        height: 300px;
    }
    .ind_three_con ul li:nth-child(4) {
        width: 35%;
        height: 300px;
    }
    .ind_three_con ul li:nth-child(5) {
        width: 63.9%;
        height: 300px;
    }
    .ind_three_con ul {
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .ind_four_con {
        width: 97%;
    }
    .ind_four_con ul li {
        width: 23.96%;
        height: auto;
        margin-right: 10px;
    }
    .ind_four_con_t {
        width: 100%;
        height: 220px;
    }
    .ind_four_con_b {
        padding: 10px;
    }
    .ckgd {
        margin: 40px auto 50px;
    }
    .ind_five {
        width: 97%;
    }
    .ind_five_con_r {
        width: 350px;
        height: 300px;
        margin-top: 10px;
    }
    .ind_five_con_r img {
        height: 100%;
    }
    .ind_five_con_l {
        width: calc(100% - 360px);
    }
    .ind_five_con_l_t {
        padding: 15px 0;
    }
    .ind_five_con_l_t_l {
        width: 170px;
        height: 130px;
    }
    .ind_five_con_l_t_l img {
        height: 100%;
    }
    .ind_five_con_l_t_r {
        width: calc(100% - 180px);
    }
    .ind_five_con_l_t_r ul li {
        height: 33px;
    }
    .ind_five_con {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 950px) {
    .product_con_l {
        width: 165px;
    }
    .product_con_r {
        width: calc(100% - 180px);
    }
    .product_con_r_con ul li a img {
        width: 90%;
    }
    .product_con_r_con ul li {
        width: 23%;
        min-height: 170px;
    }
    .contact_con ul {
        padding: 30px 0;
    }
    .contact_map>div {
        height: 350px!important;
    }
    .about_first_title h1 {
        margin-top: 40px;
    }
    .about_first_con {
        margin-top: 20px;
    }
    .about_first_con img {
        margin: 30px auto 50px;
    }
    .service ul li h1 {
        font-size: 16px;
    }
    .service ul li p {
        font-size: 12px;
    }
    .service_first_img {
        margin: 20px auto;
    }
    .service_two ul li {
        width: 23.6%;
    }
    .service_two_t {
        min-height: 170px;
    }
    .service_two ul li a h1 {
        font-size: 14px;
        padding: 3px;
    }
    .service_two ul li a p {
        font-size: 12px;
        padding: 0px 3px;
    }
    .ind_first_above ul li {
        width: 19.4%;
        height:300px;
    }
    .ind_first_above ul li a h3 {
        width: 65px;
        height: 25px;
        font-size: 13px;
        line-height: 25px;
        margin: 15px auto;
    }
    .ind_first_above ul li a h2 {
        font-size: 13px;
    }
    .ind_two_con {
        margin: 40px auto;
    }
    .ind_two_l {
        margin-top: 0;
    }
    .ind_two_r {
        width: 330px;
    }
    .ind_two_r_con {
        width: 300px;
        height: 280px;
    }
    .ind_two_r_con img {
        width: 280px;
        height: 280px;
    }
    .ind_two_l {
        width: calc(100% - 335px);
    }
    .ind_three_con ul li {
        width: 23.61%;
        height: 260px;
    }
    .ind_three_con ul li:nth-child(1) {
        height: 260px;
    }
    .ind_three_con_t {
        margin: 15px;
    }
    .ind_three_con_t h2 {
        font-size: 12px;
    }
    .ind_three_con_t h1 {
        font-size: 20px;
    }
    .ind_three_con ul li:nth-child(4) {
        height: 260px;
    }
    .ind_three_con ul li:nth-child(5) {
        width: 63.61%;
        height: 260px;
    }
    .ind_three_con ul {
        margin: 20px auto;
    }
    .ind_four_con ul {
        margin: 20px auto;
    }
    .ind_four_con ul li {
        width: 23.68%;
    }
    .ckgd {
        width: 100px;
        height: 35px;
        margin: 30px auto;
        font-size: 14px;
        color: #1e85e4;
        line-height: 35px;
    }
    .ind_five_con_r {
        width: 250px;
        height: 250px;
        margin-top: 0;
    }
    .ind_five_con_l {
        width: calc(100% - 260px);
    }
    .ind_five_con_l_t {
        padding: 10px 0;
    }
    .ind_five_con_l_t_l {
        width: 140px;
        height: 105px;
    }
    .ind_five_con_l_t_r {
        width: calc(100% - 150px);
    }
    .ind_five_con_l_t_r ul li {
        height: 26px;
    }
    .ind_five_con_l_t_r_l p {
        font-size: 14px;
    }
    .ind_five_con {
        margin-top: 5px;
        margin-bottom: 30px;
    }
    .login {
        width: 95%;
    }
}

@media screen and (max-width: 750px) {
    .ind_banner .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
    .ind_banner .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 2px;
    }
    .product {
        width: 95%;
    }
    .product_con_l {
        width: 100%;
        float: initial;
    }
    .product_con_l ul li {
        width: 45%;
        padding: 8px;
    }
    .product_con_l ul li:nth-child(2n+1) {
        float: left;
    }
    .product_con_l ul li:nth-child(2n+2) {
        float: right;
    }
    .product_con_r {
        width: 100%;
        margin: 20px auto;
    }
    .product_con_r_con ul li {
        width: 50%;
        margin-right: 0;
    }
    .product_con_r_con ul li:nth-child(2n+1) {
        float: left;
    }
    .product_con_r_con ul li:nth-child(2n+2) {
        float: right;
    }
    .product_con_r_con ul li a p {
        font-size: 13px;
    }
    .product_con_l ul li a p {
        font-size: 13px;
    }
    .product_con_r_conNew ul li .product_con_r_text{
        padding-top: 0;
    }
    .gg_page ul {
        margin: 5px 0;
    }
    .product_con {
        margin: 20px auto;
    }
    .case li {
        width: 100%!important;
    }
    .product_t {
        margin: 10px;
    }
    .about_first {
        width: 95%;
    }
    .contact_title {
        margin-top: 20px;
    }
    .contact_title h1 {
        font-size: 20px;
    }
    .contact_con ul {
        padding: 15px 0;
    }
    .contact_con ul li img {
        width: 50px;
        height: 50px;
    }
    .contact_con ul li p {
        font-size: 14px;
        margin-top: 10px;
    }
    .contact_con ul li h1 {
        font-size: 13px;
        margin-top: 3px;
    }
    .contact_con ul li {
        width: 32%;
    }
    .contact_con {
        margin: 10px auto;
    }
    .contact_map {
        margin: 10px auto 20px;
    }
    .contact_map>div {
        height: 200px!important;
    }
    .about_first_title h1 {
        margin-top: 25px;
        font-size: 20px;
    }
    .about_first_title h2 {
        font-size: 16px;
        margin: 5px auto;
    }
    .service_first_img {
        margin: 10px auto;
    }
    .about_first_con {
        margin-top: 5px;
    }
    .about_first_con p {
        font-size: 12px;
        line-height: 1.6;
    }
    .about_first_con img {
        margin: 15px auto 30px;
    }
    .service ul li img {
        width: 60px;
        height: 60px;
    }
    .service ul li {
        width: 32.8%;
        height: 110px;
    }
    .service ul li h1 {
        font-size: 15px;
        margin-top: 5px;
    }
    .service ul li p {
        margin-top: 3px;
    }
    .service ul {
        margin: 10px auto;
    }
    .service_first_img img {
        height: 150px;
    }
    .service_two ul li {
        width: 49%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .service_two ul li:nth-child(2n+1) {
        float: left;
    }
    .service_two ul li:nth-child(2n+2) {
        float: right;
    }
    .service_two ul {
        margin-bottom: 20px;
    }
    .ind_first_above ul {
        margin: 20px auto;
    }
    .ind_first_above ul li {
        width: 19.6%;
		float:left;
        height:auto;
    }
    .ind_first_above ul li a h1 {
        font-size: 12px;
        margin-top: 0px;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
    }
    .ind_first_above ul li a span {
        margin: 5px auto;
    }
    .ind_first_above ul li a h2 {
        font-size: 12px;
    }
    .ind_first_above ul li a h3 {
        width: 45px;
        height: 20px;
        font-size: 12px;
        line-height: 20px;
        margin: 10px auto;
    }
    .ind_two_l {
        width: 100%;
    }
    .ind_two_r {
        width: 100%;
    }
    .ind_two_title h1 {
        margin-left: 10px;
        font-size: 20px;
    }
    .ind_two_title h2 {
        font-size: 15px;
        margin: 10px 0;
    }
    .ind_two_l_con {
        width: 100%;
        margin-left: 0;
    }
    .ind_two_l_con p {
        font-size: 13px;
        line-height: 20px;
    }
    .about_more {
        width: 20px;
        height: 20px;
        margin: 20px 0;
    }
    .ind_two_con {
        margin: 20px auto;
    }
    .ind_two_r_con {
        width: 93%;
    }
    .ind_two_r_con img {
        width: 95%;
    }
    .ind_three {
        width: 95%;
    }
    .ind_three_con ul li {
        width: 24.5%;
        height: 150px;
    }
    .ind_three_con_t {
        margin: 5px;
    }
    .ind_three_con_t h1 {
        font-size: 15px;
    }
    .ind_three_con_t h2 {
        letter-spacing: -1px;
    }
    .ind_three_con ul li:nth-child(1) {
		width:45%;
        height: 150px;
    }
    .ind_three_con ul li:nth-child(4) {
        height: 150px;
    }
    .ind_three_con ul li:nth-child(5) {
        width: 62%;
        height: 150px;
    }
    .ind_three_con ul {
        margin: 10px auto;
    }
    .ind_four_con {
        width: 95%;
    }
    .ind_four_con ul li {
        width: 48.5%;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .ind_four_con ul li:nth-child(2n+1) {
        float: left;
    }
    .ind_four_con ul li:nth-child(2n+2) {
        float: right;
    }
    .ind_four_con_t {
        height: 190px;
    }
    .ind_four_con_b {
        padding: 5px;
    }
    .ind_four_con_b h1 {
        font-size: 15px;
    }
    .ind_four_con_b p {
        font-size: 12px;
    }
    .ckgd {
        width: 70px;
        height: 30px;
        margin: 10px auto 20px;
        font-size: 12px;
        color: #1e85e4;
        line-height: 30px;
    }
    .ind_five_con_l {
        width: 100%;
    }
    .ind_five {
        width: 95%;
    }
    .ind_five_con_r {
        width: 100%;
        height: 200px;
        margin-top: 10px;
    }
    .ind_five_con_l_t_l {
        width: 120px;
        height: 85px;
    }
    .ind_five_con_l_t_r {
        width: calc(100% - 130px);
    }
    .ind_five_con_l_t_r ul li {
        height: 21px;
    }
    .ind_five_con_l_t_r_r span {
        font-size: 12px;
    }
    .ind_five_con_l_t_r_r {
        width: 67px;
    }
    .ind_five_con_l_t_r_l {
        width: calc(100% - 67px);
    }
    .ind_five_con_l_t_r_l span {
        margin-right: 5px;
        height: 16px;
    }
    .ind_five_con_l_t_r_l p {
        font-size: 12px;
    }
    .ind_five_con {
        margin-bottom: 20px;
    }
    .te_detail p {
        font-size: 13px;
        line-height: 1.5;
    }
    .te_detail img {
        margin: 15px auto 0;
    }
    .product_detail_con {
        margin: 20px auto 0;
    }
    .product_detail_title h1 {
        font-size: 16px;
    }
    .product_detail_title {
        padding-bottom: 5px;
    }
    .product_c_t a {
        padding: 10px;
    }
    .ind_first_above ul li a img {
        width: 50px;
    }
    .register {
        width: 95%;
        margin: 20px auto;
    }
    .register_t_r {
        width: calc(100% - 70px);
    }
    .register_t_r input {
        width: 92%;
        height: 35px;
    }
    .register_t_l {
        width: 70px;
        height: 35px;
        line-height: 35px;
    }
    .register_t_l label {
        font-size: 13px;
    }
    .register_btn {
        width: 100%;
        height: 40px;
        font-size: 12px;
        line-height: 40px;
        margin-left: 0;
    }
    .register h1 {
        font-size: 16px;
    }
    .login {
        margin: 20px auto;
    }
    .login h1 {
        font-size: 20px;
    }
    .login_l {
        width: 100%;
    }
    .login_r {
        width: 100%;
    }
    .login_l_title h2 {
        width: 90px;
        height: 35px;
        font-size: 16px;
        line-height: 35px;
    }
    .login_form_t {
        margin-top: 15px;
    }
    .login_btn {
        width: 100px;
        height: 35px;
        font-size: 13px;
        line-height: 35px;
    }
    .login_r p {
        margin-top: 15px;
        font-size: 13px;
    }
    .login_form_t {
        height: auto;
    }
    .forgot_form {
        width: 95%;
    }
    .login_form_t_l {
        height: auto;
    }
    .zhmm_btn {
        margin: 10px auto;
    }
    .product_con_r_con ul li a img {
        height: 160px;
    }
}